* {
    margin: 0;
    padding: 0;
}

[v-cloak] {
    display: none;
}

.nav {
    padding: 0px 50px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}

.logo {
    width: 180px;
    height: 50px;
    padding: 10px 10px 10px 0;
}

.logo>img {
    width: 90px;
    height: 50px;
}

.nav_list {
    flex: 1;
    text-align: right;
    line-height: 77px;
}

.nav_list div {
    display: inline-block;
    padding: 0 15px;
    color: #ffffff;
}

/*  */

.el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
}

.el-carousel__container {
    min-height:600px;
}

/* .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
} */

.imgbox {
    height: 600px;
   
}

.tabletext {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    color: #ffffff;
}

.tabletext>div:nth-of-type(1) {
    padding-top: 240px;
    font-size: 40px;
}

.el-carousel__indicators--outside {
    display: none;
}

.tabletext>div:nth-of-type(2) {
    padding-top: 20px;
    font-size: 13px;
}
.titlebox {
    text-align: center;
     padding: 100px 0;
    min-height: 450px;
    overflow: hidden;
   background: linear-gradient(#fff,#F2F2F2,#ccc);
   
}
.iconboder{
     line-height: 46px;
     padding:20px 0 ;
}
.titlebox h4 {
    font-size:36px;
    font-family: '微软雅黑';
}
.iconboder .bor{
    display: inline-block;
    height: 2px;
    width: 100px;
    background-color: #ccc;

}
.iconboder .icon{
    padding: 0 20px;
    color: orangered;
    font-size: 20px;
    position: relative;
    top: 5px;
}

.tp img{
        vertical-align: middle;
        max-width: 100%;
        width: auto;
        height: auto;
}

 .module_list {
     float: left;
     box-sizing: border-box;
     width: 33.333%;
     height: 100px;
     padding: 5px;
    
 }

 .module_list>div {
     width: 100%;
     height: 100%;
     background: #fff;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
 }

 .module_list>div>i {
     width: 80px;
     height: 80px;
     text-align: center;
     line-height: 80px;
     font-size: 200%;
     float: left;
     border: 1px solid #ccc;
     border-radius: 50%;
     margin: 5px;
     color: #ccc;
     margin-right: 20px;
 }

 .module_list>div>h4 {
     float: left;
     margin-top: 20px;
     width: 50%;
     font-size: 18px;
     text-align: left;
 }

 .module_list>div>p {
     float: left;
     margin-top: 10px;
     width: 60%;
     font-size: 14px;
     color: #8e8e8e;
     text-align: left;
 }
 .module_list:hover i {
     color: #ff5100;
     border: 1px solid #ff5100;
 }
 .gy{
 width: 100%;
 min-height: 750px;
 background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvOTM0YjUzNTgwMGIxY2JhOGY5NmE1ZDcyZjcyZjE2MTEuanBn.jpg');
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: relative;
 }
   
.bottom {
       width: 100%;
       min-height: 750px;
       position: absolute;
       left: 0;
        top: 0;  
       background-color: #000;
       opacity: .8;
        z-index: 99;
 }
 .bottombox{
     width:80%;
     min-height: 300px;
    color: #fff;
    margin: auto;
    margin-top: 100px;
    text-align: center;
 }
   .no1-leave,
   .no1-enter-to {
       opacity: 1;
   }

   .no1-leave-active,
   .no1-enter-active {
       transition: all 1s;
   }

   .no1-leave-to,
   .no1-enter {
       transform: scale(-1);
   }

   .no2-leave,
   .no2-enter-to {
       opacity: 1;
   }

   .no2-leave-active,
   .no2-enter-active {
       transition: all 1s;
   }

   .no2-leave-to,
   .no2-enter {
       opacity: 0;
   }
      .bin {
          width: 22%;
          margin: 1.5%;
          float: left;
         min-height: 300px;
       
      }

      .bin>div:nth-of-type(1) {
          width: 100%;
          height: 280px;
      }

      .bin>div:nth-of-type(2) {
          width: 100%;
          font-size: 20px;
          font-weight: bold;
          text-align: left;
          padding: 5px 0;
      }

      .bin>div:nth-of-type(3) {
          width: 100%;
          font-size: 18px;
          text-align: left;
          color: rgb(105, 105, 105);
      }

      .bin>div:nth-of-type(4) {
          width: 100%;
          font-size: 14px;
          text-align: left;
          padding: 5px 0;
          color: rgb(105, 105, 105);
      }

      .bin>div>img {
          width: 100%;
          height: 100%;
      }
       .content_me {
           width: 100%;
           min-height: 500px;
           padding-top: 250px;
           background: rgba(0, 0, 0, 0.7);
       }
       .chanpin {
            background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYjdiYzJhMmY1YmI2ZDUyMWU2NGM4OTc0YzE0M2U5YTAtNTAweDMwMC5qcGc_p_p100_p_3D.jpg');
        }
          /* .bootme {
              width: 100%;
              min-height: 750px;
              background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvOTM0YjUzNTgwMGIxY2JhOGY5NmE1ZDcyZjcyZjE2MTEuanBn.jpg');
              background-repeat: no-repeat;
              background-size: 100% 100%;
           
          }  */
 
          .xm{
              /* width: 700px; */
              min-height: 150px;
              /* background-color: #fff; */
              
              margin: auto;
              padding: 70px 50px;
          }
       
    .shu {
        float: left;
        width: 150px;
        margin: 0 60px;
    }

    .shu span {
        /* width: 40%; */
        height: 151px;
        line-height: 151px;
        text-align: center;
        display: block;
        font-size: 30px;
        border-radius: 50%;
        box-sizing: border-box;
        border: 5px solid #ff5100;
        margin-bottom: 20px;
    }

    .shu p {
        color: #D3D3D3;
        font-size: 18px;
        padding: 0;
    }
     .duotu ul li {
         display: inline-block;
         padding: 0 10px;
         border-left: 1px solid #000;
     }

     .duotu ul li:nth-of-type(1) {
         border: none;
     }

     .duotu>div {
         box-sizing: border-box;
         padding: 0 150px;
         overflow: hidden;
     }

     .duotu>div>div {
         width: 22%;
         margin: 1%;
         height: 150px;
         float: left;
         overflow: hidden;
         position: relative;
         border-radius: 10px;
     }

     .duotu div p {
         width: 100%;
         height: 150px;
         margin-top: -150px;
         float: left;
         position: absolute;
         background-image: url('https://f.goodq.top/FeiEditor/bitSite/images/big-white-plus.png');
         background-repeat: no-repeat;
         background-position: center;
         background-color: rgba(0, 0, 0, .7);
     }

     .duotu div div:hover p {
         transition: all .3s;
         margin-top: 0;
     }

     .duotu img {
         width: 100%;
         height: 100%;
     }
    .bp{
            width: 100%;
            min-height: 750px;
            position: absolute;
            left: 0;
            top: 0;
            background-color: #000;
            /* opacity: .9; */
            z-index: 99;
    }
        .fei1 p:nth-of-type(1) {
            background-color: #333333;
        }

        .fei1 p span {
            background-color: #000;
        }

        .fei1>div:nth-of-type(2)>p:nth-of-type(1) {
            background-color: #ff5100;
        }

        .fei1>div:nth-of-type(2) span {
            background-color: #ff5100;
        }

        .module_list:hover i {
            color: #ff5100;
            border: 1px solid #ff5100;
        }

        .zuihou .title_no2 {
            width: 80%;
        }
   .footer{
       min-height: 800px;
       display: flex;
       background-image: url('https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvZDVlZTJlZWRmY2Y3YWRjMjg1ZGI0OTY3YmQ4NjkxMGQuanBn.jpg');
   }
   .footer>div{
       flex: 1;
       /* background-color: rebeccapurple; */
   }
 
   .left,
   .right {
       text-align: center;
           padding-top: 275.5px;
           margin-bottom: 0px;
           animation-duration: 1s;
           animation-delay: 0s;
           animation-name: qfyfadeInUp;
           visibility: visible;
           
      
   }
   .left{
       background-color: #fff
   }
   .right{
       position: relative;
       background-color: #475669;
       opacity:.9;
       color: #fff;
   }
   .lyb{
       padding: 20px 30px;
   }
   .lyb input {
width: 600px;
margin-top: 10px;
   }
   .zuihou1  {
       padding-top: 20px;
   }

   .zuihou1 i {
       font-size: 20px;
       border: 1px solid #fff;
       color: #fff;
       border-radius: 50%;
       width: 40px;
       height: 40px;
       line-height: 40px;
       margin: 5px;
   }

   .zuihou1 i:hover {
       color: #ff5100;
       border: 1px solid #ff5100;
   }
 